import './index.less';
import { faultTextConvert } from '../../utils/filters.ts';
import errorImg from '@/assets/images/error.png';
import SvgIcon from '../../components/SvgIcon/index';
import useStore from '../../store/index';

export default function Fault() {
  const { info } = useStore();
  const { fault, prompt } = info;

  return (
    <div className="offline">
      <div className="i-fault">
        <img src={errorImg} alt="" />
      </div>
      <div className="content">
        <span className="title">
          {faultTextConvert(fault)}
        </span>
      </div>
      <div className="i-arrow">
        <SvgIcon name="arrow-right" size="15" color="rgba(0, 0, 0, 0.2)" />
      </div>
    </div>
  );
}
